﻿@using xConnected.Common.ExpertProfile
<table class="table table-striped table-condensed">
    <tbody data-bind="foreach: myCompanies">
        <tr class="row">
            <td class="span2">
                <div align="center">
                    <img data-bind="attr: {src: $data.Photo()}" alt="Logo" style="width: 100px">
                </div>
            </td>
            <td data-bind="text: Id" class="hidden"></td>
            <td class="span5">
                <a href="#" data-bind="click: function() { $root.company.selectDetailsCompany($data); }" >
                    <h4 data-bind="text: Title"></h4>
                </a>
                <h5 data-bind="html: Description"></h5>
            </td>
            <td>
                <h5 data-bind="text: Location"></h5>
                <i class="icon-envelope"></i><a data-toggle="modal" href="#ContactCompany" data-bind="click: function() { $root.company.selectCompanyAndReset($data); }" >@Resources.Contact</a>
                <i class="icon-folder-open"></i><a href="#" data-bind="click: function() { $root.company.loadCompanyPositions($data); }">Positions</a>
            </td>
            <td>
                <a class="btn btn-small" data-bind="click: function() { $root.company.selectEdit($data)}"><i class="icon-pencil"></i></a>
                <a data-toggle="modal" href="#DeleteCompanyDialog" class="btn btn-small" data-bind="click: function() { $root.company.select($data); }"><i class="icon-trash"></i></a>
                <a class="btn btn-small" data-bind="click: function() { $root.company.selectDetails($data); }"><i class="icon-zoom-in"></i></a>
            </td>
        </tr>
    </tbody>
</table>